<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="../js/util/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="css/pageHelper.css">
    <script src="../js/util/myAjax.js"></script>
    <script src="../js/codeManage.js"></script>
    <script src="../js/personnelManage.js"></script>
    <script src="../static/layui/layui.js"></script>
    <link rel="stylesheet" href="../static/layui/css/layui.css">

</head>
<body>
<div class="personnelManage">
    <div style="text-align: center;font-size: 30px;font-weight: bold;">人员信息</div>
    <div>
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">姓名</label>
                    <div class="layui-input-inline" style="width: 100px">
                        <input name="phone" placeholder="请输入名字" id="personnelName" class="layui-input" type="tel" autocomplete="off" lay-verify="required|phone">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-block" style="width: 105px;">
                        <select name="personnelType" id="personnelType">
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">性别</label>
                    <div class="layui-input-block" style="width: 100px;">
                        <select name="sex" id="sex">
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">学历</label>
                    <div class="layui-input-inline" style="width: 100px;">
                        <select name="education" id="education">
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <button type="button" onclick="selectAllPersonnel()" class="layui-btn layui-btn-lg layui-btn-normal">确定</button>
                </div>
            </div>
        </form>
    </div>
    <div style="height: 525px">
        <table class="layui-table" lay-skin="row" lay-even="">
            <thead>
            <tr>
                <th>ID</th>
                <th>人员编号</th>
                <th>类型</th>
                <th>分组</th>
                <th>名字</th>
                <th>性别</th>
                <th>年龄</th>
                <th>学历</th>
                <th>毕业院校</th>
                <th>籍贯</th>
                <th>住址</th>
                <th>电话</th>
                <th>紧急电话</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="personnelManage">
            </tbody>
        </table>
    </div>
    <div class="fenye">
        <div>总共<span id="count"></span>条</div>
        <div><a onclick="firstPage()">首页</a></div>
        <div ><a id="lastPage" onclick="lastPage()">上一页</a></div>
        <div><a id="nextPage" onclick="nextPage()">下一页</a></div>
        <div><a onclick="endPage()">尾页</a></div>
        <div>共<span id="pageCount"></span>页</div>
        <div>到第<input type="number" id="pageNumber" value="1" onchange="changes()">页</div>
        <div>
            <select id="pageSize">
                <option value="10">10条/页</option>
                <option value="15">15条/页</option>
                <option value="50">20条/页</option>
            </select>
        </div>
        <div><button onclick="selectuser()">确定</button></div>
    </div>
</div>
</body>
</html>